const runAnalysis = false
module.exports = {
    publicPath: './',
    pages: {
        index: 'src/index.js',
        // 手机设备
        mobile: {
            // page 的入口
            entry: 'src/mobile.js',
            // 模板来源
            template: 'public/mobile.html',
            // 在 dist/index.html 的输出
            filename: 'mobile.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: '货品资料-手机端',
        },
        // 平板设备
        tablet: {
            // page 的入口
            entry: 'src/tablet.js',
            // 模板来源
            template: 'public/tablet.html',
            // 在 dist/index.html 的输出
            filename: 'tablet.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: '货品资料-平板',
        }
    },
    // 资源类型
    productionSourceMap: false,
    devServer: {
        open: true,
        proxy: {
            '^/': {
                // /api 的意义在于，声明axios中url已/api开头的请求都适用于该规则，
                // 注意是以/api开头，即：axios.post({url: '/api/xxx/xxx'})
                target: 'http://120.76.155.133:12010',
                // 此处target的意义在于：造成跨域是因为访
                // 问的host与我们的请求头里的origin不一致，所以我们要设置成一致，这个具体请看下文
                changeOrigin: true,
                pathRewrite: {'^/': ' http://localhost:8080'}
                // 此处是大部分文章都不会明说的的地方，
                // 既然我们设置了代理，则所有请求url都已写成/api/xxx/xxx，那请求如何知道我们到底请求的是哪个服务器的数据呢
                // 因此这里的意义在于， 以 /api开头的url请求，代理都会知道实际上应该请求那里，
                // ‘我是服务器/api’，后面的/api根据实际请求地址决定，即我的请求url：/api/test/test，被代理后请求的则是
                // https://我是服务器/api/test/test
            }
        }
    },
    configureWebpack: config => {
    }
}
